<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            background-color: #ccc;
        }
    </style>
</head>
<body>
<h1>标题</h1>
<!--制作了一个可以被点击的a链接，超链接-->
<a href="https://www.baidu.com/" target="_blank">
    <img src="https://www.baidu.com/img/PCfb_5bf082d29588c07f842ccde3f97243ea.png" width="100" alt="">
</a>
<img src="https://www.baidu.com/img/PCfb_5bf082d29588c07f842ccde3f97243ea.png" width="100" alt="">
<hr/>
<p>Lorem ip&nbsp;&nbsp;&nbsp;&nbsp;sum <a href="https://www.baidu.com/" target="_blank">百度</a> <br/> sit amet, consectetur adipisicing elit. Atque blanditiis debitis id porro soluta veritatis vitae?
    Aliquid amet atque culpa delectus, earum voluptatum. Dignissimos eligendi ex neque placeat, praesentium
    voluptatum!</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium ad minima rerum totam ullam. A alias, amet at
    corporis, esse eum excepturi odio placeat provident quam suscipit ullam vero voluptatibus.
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab assumenda ea eaque eius eligendi est eum facilis fugiat,
    inventore itaque modi, perspiciatis quas rem repellat rerum sequi similique, voluptas voluptates!</p>
<hr>
<!--unorder没有排序 list列表 无序列表-->
<ul>
    <li>信息</li>
    <li>信息</li>
    <li>信息</li>
    <li>信息</li>
    <li>信息</li>
</ul>

<hr>
<!--order排序 list列表 有序列表 -->
<ol>
    <li>信息</li>
    <li>信息</li>
    <li>信息</li>
    <li>信息</li>
    <li>信息</li>
</ol>



</body>
<script type="text/javascript">

</script>

</html>
